{layout name="layout" /}
<link rel="stylesheet" href="/static/layuiNetCompany/res/static/css/prodict.css"/>
<link rel="stylesheet" href="/static/layuiNetCompany/res/static/css/list.css"/>

<!-- banner部分 -->
<div class="banner">
    <div class="title">
        <p>产品展示</p>
        <p class="subhead">网站建设 / 微信开发 / UI设计 / 平面设计</p>
        <p class="en">Thoughtful loving credible powerful and courageous</p>
    </div>
</div>
<!-- main部分 -->
<div class="main-product">

    <div class="title">
        <p class="gradient">我们的产品</p>
        <p class="subhead">丰富的互联网经验，十分专业的开发团队</p>
    </div>

    <div class="list">
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个产品</p>
            <div>产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个产品</p>
            <div>产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个产品</p>
            <div>产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</div>
        </div>

        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个产品</p>
            <div>产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个产品</p>
            <div>产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个产品</p>
            <div>产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</div>
        </div>

        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个产品</p>
            <div>产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个产品</p>
            <div>产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个产品</p>
            <div>产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</div>
        </div>
    </div>

    <div id="page" style="font-size: 48px;margin-bottom: 196px;"></div>

</div>


<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
    layui.config({
        base: '/static/layuiNetCompany/res/static/js/'
    }).use(['jquery', 'layer', 'laypage'], function () {
        let $ = layui.$
            , layer = layui.layer
            , laypage = layui.laypage;

        // $.get("/index/product/productList", function(data) {
        //   //console.log(data);
        //   let html ="";
        //
        //   $.each(data.data,function(index,val){
        //
        //     html+="<div class=\"content layui-row\">" +
        //             "<div class=\"layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img\"><img src=\""+val.phy+"\"></div>" +
        //             "<div class=\"layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right\">" +
        //             "<p class=\"label\">"+val.title+"</p>" +
        //             "<p class=\"detail\">"+val.detail+"</p>" +
        //             "<div><a href=\"javascript:;\">查看产品 ></a></div>" +
        //             "</div>" +
        //             "</div>";
        //   });
        //   $("#productContent").html(html);
        //   //console.log(html);
        // });
        laypage.render({
            elem: 'page'
            , count: 100
            , theme: '#1E9FFF'
        });
    }).use('firm');
</script>
